@import './utils/reset';

.container {
  width: 100%;
  padding: 0 30px;
}

.triangle-doc {
  padding: 30px;
  max-width: 1200px;

  h3 {
    color: rgb(25, 125, 240);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  h4 {
    color: rgb(25, 125, 240);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;

    a {
      display: none;
    }
  }

  & > table {
    width: 100%;
    border: 1px solid #efefef;
    border-collapse: collapse;
    margin-bottom: 30px;

    td {
      color: #666;
      font-size: 14px;
      line-height: 24px;
      padding: 8px 15px;
      border: 1px solid #efefef;
    }

    th {
      color: #212121;
      font-size: 14px;
      padding: 6px 15px;
      border: 1px solid #efefef;
      background-color: #f4f4f4;
      white-space: nowrap;
    }
  }

  .demo-block {
    background-color: #f2f3f5;
    margin-bottom: 30px;
  }

  .el-table {
    width: 100%;
  }
}

.highlight {
  padding: 0 30px;
}
